// 子表单预览组件
.form-subform-preview {
  background: #fff;

  &-title {
    padding: 6px 12px;
    margin-bottom: 4px;
    background-color: $bg-color-l3;
  }

  &-placeholder {
    padding-bottom: 12px;
    color: rgba(23, 26, 29, 0.6);
    text-align: center;
  }

  &-group {
    padding-bottom: 6px;
  }

  .form-type-text {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    padding: 0 6px;
    border-radius: 10px;
    color: #ff9200;
    background-color: #fff2e0;
  }

  ::v-deep  .ghost {
    margin-top: 0 !important;
  }

  ::v-deep  .form-preview {
    min-height: 62px;
    padding: 8px 12px 12px;
    background: none;

    .form-design-preview {
      margin-top: 0;
      border: 1px solid $color-border-l4;
      border-top: none;

      &:first-child {
        border-top: 1px solid $color-border-l4;
      }

      .form-preview-group {
        padding: 10px;
      }
    }
    .form-design-preview.form-design-selected {
      border-style: solid;
      border-color: $color-primary;
    }
  }
}

// 子表单设置组件
.form-setting-group-small {
  margin-bottom: 24px;
}

.el-select {
  width: 100%;
  margin-top: 8px;

  ::v-deep  &__tags {
    .el-tag__close {
      display: none;
    }
  }
}

.subform-fields-list {
  .subform-field-item {
    display: flex;
    padding: 4px;
    margin-top: 4px;
    line-height: 20px;
    background-color: #fff;
    cursor: move;

    .iconfont {
      font-size: $font-size-small;
      padding-right: 8px;
    }

    &-name {
      @include text-ellipsis();
    }
  }
}
